<template>
  <div
    style="background-color: rgb(247, 247, 247); height: 500px; padding: 20px"
  >
    <div class="next-div">
      <select>
        <option value="cr-01">cr-01</option>
      </select>
      <div class="all">
        <ul>
          <li>cr-01</li>
          <li>当前通话总开发数&emsp;&emsp;&emsp;&emsp;<span>0</span></li>
          <li>今日最高通话并发数&emsp;&emsp;&emsp;<span>0</span></li>
          <li>历史最高通话并发数&emsp;&emsp;&emsp;<span>6</span></li>
        </ul>
        <ul style="margin: 35px 0px">
          <li>当前线路开发数&emsp;&emsp;&emsp;&emsp;&emsp;<span>0</span></li>
          <li>今日最高线路并发数&emsp;&emsp;&emsp;<span>0</span></li>
          <li>历史最高线路并发数&emsp;&emsp;&emsp;<span>7</span></li>
        </ul>
      </div>
      <span>共 1 条</span>&emsp;&emsp;
      <select>
        <option value="10条/页">10条/页</option>
      </select>
    </div>
  </div>
</template>
<style>
select {
  background-color: rgb(235, 242, 248);
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 999;
  width: 100px;
  padding: 10px 7px;
  color: rgb(62, 148, 217);
}
.next-div {
  background-color: rgb(255, 255, 255);
  padding: 10px 10px;
}
.all {
  height: 200px;
  padding: 10px 10px;
  background-color: rgb(252, 253, 254);
}
.all ul {
  width: 500px;
  margin: 10px 0px;
  float: left;
}
.all ul li {
  line-height: 1.6;
  color: darkgray;
}
.all ul li span {
  color: darkgray;
}
</style>